<template>
  <div>
    <el-card class="box-card">
        <div slot="header" class="clearfix ">
            <div class="serch_header">
                <span>线上热门搜索</span>
                <el-dropdown trigger="click">
                    <span class="el-dropdown-link">
                        <i class="el-icon-more" style="float: right; padding: 3px 0"></i>
                    </span>
                    <el-dropdown-menu slot="dropdown">
                        <el-dropdown-item icon="el-icon-plus">黄金糕</el-dropdown-item>
                        <el-dropdown-item icon="el-icon-circle-plus">狮子头</el-dropdown-item>
                        <el-dropdown-item icon="el-icon-circle-plus-outline">螺蛳粉</el-dropdown-item>
                        <el-dropdown-item icon="el-icon-check">双皮奶</el-dropdown-item>
                        <el-dropdown-item icon="el-icon-circle-check">蚵仔煎</el-dropdown-item>
                    </el-dropdown-menu>
                </el-dropdown>
            </div>
        </div>
        <el-row :gutter="10">
            <el-col :span="12">
               <SearchLine title="搜索用户数" pirce='12321' num='17.1'>
                 <template slot="svg">
                   <svg style="margin-left:3px" t="1644567361371" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4502" width="12" height="12"><path d="M65.582671 735.208665l446.417329-446.41733 446.417329 446.41733z" p-id="4503" fill="#d81e06"></path></svg>
                 </template>
               </SearchLine>
            </el-col>
            <el-col :span="12">
                <SearchLine title="人均搜索次数" pirce='2.7' num='26.2'>
                  <template slot="svg">
                    <svg t="1644568069857" style="margin-left:3px" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5569" width="12" height="12"><path d="M79.123059 327.850933l405.024593 413.260162c15.690354 16.009625 41.469484 16.009625 57.160861 0l405.02357-413.260162c24.819269-25.323758 6.877641-68.028373-28.579919-68.028373L107.704001 259.82256C72.245418 259.82256 54.30379 302.527175 79.123059 327.850933z" p-id="5570" fill="#1afa29"></path></svg>
                  </template>
                </SearchLine>
            </el-col>
        </el-row>
        

    <el-table style="width: 100%;margin-top:15px" border>
        <el-table-column label="排名"  width="80" align="center" type="index"></el-table-column>
        <el-table-column label="搜索关键字"  width="180" align="center"></el-table-column>
        <el-table-column label="用户数" sortable align="center"></el-table-column>
        <el-table-column label="周涨幅" sortable align="center"></el-table-column>
    </el-table>
    <el-pagination
        style="textAlign:right;margin-top:10px"
        layout="prev, pager, next"
        :total="1000">
    </el-pagination>

    </el-card>
  </div>
</template>

<script>

import SearchLine from '@/views/dashboard/Observe/Category/SearchLine'
export default {
    name:'Category',
    components:{
        SearchLine
    }
}
</script>

<style >
   .serch_header{
       height: 28px;
       align-items: center;
        display: flex;
        justify-content: space-between;
   }
  .text {
    font-size: 14px;
  }

  .item {
    margin-bottom: 18px;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }
</style>